<template>
	<view class="order">
		<view class="order-item">
			<view class="myOrder">我的订单</view>
			<view class="allOrder"  @click="goMyOrder()">
				<view class="">全部订单</view>
				<image src="https://t1.chowtaiking.com.cn/img/ruoyi/2023/12/19/7f41a41f8e8b45c9be9e205561a4e00b.png" mode="widthFix"></image>
			</view>
		</view>
		<view class="order-item">
			<view class="order-list" @click="goMyOrder()">
				<image src="https://t1.chowtaiking.com.cn/img/ruoyi/2023/12/19/753cbe0cd95740e49632a35c769526f9.png" mode="widthFix"></image>
				<view class="">待付款</view>
			</view>
			<view class="order-list" @click="goMyOrder()">
				<image src="https://t1.chowtaiking.com.cn/img/ruoyi/2023/12/19/10d9a8a04e424ded9794487a1eb0bb3e.png" mode="widthFix"></image>
				<view class="">待发货</view>
			</view>
			<view class="order-list" @click="goMyOrder()">
				<image src="https://t1.chowtaiking.com.cn/img/ruoyi/2023/12/19/2bd24f20608141e7adadc7e0e7cd2d01.png" mode="widthFix"></image>
				<view class="">待收货</view>
			</view>
			<view class="order-list" @click="goMyOrder()">
				<image src="https://t1.chowtaiking.com.cn/img/ruoyi/2023/12/19/32f521dced584db7ac3dd514f6b137e3.png" mode="widthFix"></image>
				<view class="">待评价</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			goMyOrder(){
				uni.navigateTo({
					url:"/pages/user_myOrder/user_myOrder"
				})
			}
		}
	}
</script>

<style>
	.order{
		background-color: white;
		margin-top: 10px;
	}
	.order-item{
		padding-top: 10px;
		padding-bottom: 10px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-left: 20px;
		padding-right: 20px;
	}
	.allOrder{
		display: flex;
		align-items: center;
		font-size: 12px;
		color: gray;
	}
	.allOrder image{
		width: 15px;
		height: 15px;
		margin-left: 10px;
	}
	.order-list{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 12px;
		color: gray;
	}
	.order-list image{
		width: 25px;
		height: 25px;
	}
</style>